<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻详情页</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/pages.css" />
		<link rel="shortcut icon" id="favicon" href="../favicon.ico">
		<script type="text/javascript" src="../js/rem.js"></script>
	</head>
	<body>
		<!--头部-->
		<header class="flex flex-align-center">
			<div class="email flex flex-align-center">
				<img src="../img/shouye-email.png" alt="" />
				<p>typay@typay.me</p>
			</div>
			<div class="login">
				<a href="#">用户登录</a> |
				<a href="#">合作商登录</a>
			</div>
		</header><!--头部结束-->
		<!--导航部分-->
		<nav class="flex flex-align-center flex-pack-center">
			<img src="../img/shouye-logo.png" alt="" />
			<div class="navright flex flex-align-center flex-pack-center">
				<div class="item">首页</div> &nbsp;|
				<div class="item">关于我们</div> &nbsp;|
				<div class="item">加入我们</div> &nbsp;|
				<div class="item">新闻中心</div> &nbsp;|
				<div class="item">应用下载</div>
			</div>
		</nav><!--导航部分结束-->
		<div class="container">
			<!--新闻banner页-->
			<div class="news-banner">
				<img src="../img/news/xinwen-banner.png" alt="" />
			</div>	
			<div class="panko">
				<p>首页 >> 新闻中心 >> <span>新闻详情</span></p>
			</div>
			<!--新闻内容部分-->
			<div class="newspagebox">
				<div class="boxheader">
					<p class="title">拉卡拉金融总裁王国强荣膺"2017年度菁英"</p>
					<p class="time">时间：2017-6-28&nbsp;&nbsp;来源：这一指标帮你七月趋势&nbsp;&nbsp;作者：通亿付&nbsp;&nbsp;浏览：81&nbsp;&nbsp;字号：<span class="lg">大</span> <span class="on sm">中</span> <span class="xs">小</span></p>
				</div>
				<div class="newscont">
				以前，我们把看脸吃饭当做一句戏言，但如今看着它成为现实，并慢慢走入我们的生活。也许有人质疑其安全性，在这我想说的是，每一项新技术的诞生，或多或少都有需要改进的地方，我们应该以宽广的心态去接受，才会越来越好。优鸟钱包总负责人曾说过：我们做聚合支付，其初衷是想为广大商户朋友们提供一个安全、便捷的收款环境，改变繁琐的收款环节，让用户、商户从支付环节中真正解放出来。但优鸟钱包要想走得更远，光我们自己想是不够的，而是需要大家的共同努力，发现问题，改进问题，才能让这个收款软件越来越好。本着一颗互惠互利的心态，为大家呈现一个满意的产品。
				</div>
			</div>
			<!--分享页面-->
			<div class="fenxiang flex flex-align-center ">
				<p style="margin-left: 0.3rem;">分享到：</p>
				<img src="../img/news-page/news-page-kongjian.png" alt="" />
				<img src="../img/news-page/news-page-weixin.png" alt="" />
			</div>
			<!--文章导航-->
			<div class="articleNav">
				<p>上一篇：<a href="#">已经是第一篇了</a></p>
				<p>下一篇：<a href="#">跨界歌王半决赛高潮迭起 卡拉卡全力助力为梦一搏</a></p>
			</div> 
		</div>
		<!--底部-->
		<footer>
			<div class="footertop flex">
				<div class="item">
					<p class="title">公司业务</p>
					<p>微信支付</p>
					<p>pos机收单</p>
					<p>支付宝支付</p>
					<p>随行付+中汇支付</p>
				</div>
				<div class="item">
					<p class="title">合作伙伴</p>
					<p>支付宝</p>
					<p>随行付</p>
					<p>微信支付</p>
					<p>中信银行</p>
				</div>
				<div class="item">
					<p class="title">联系我们</p>
					<div class="flex flex-align-center">
						<img src="../img/dingwei.png" alt="" />
						<p>中国重庆</p>
					</div>
					<div class="flex flex-align-center">
						<img src="../img/youxiang.png" style="height:0.16rem ;width: auto;margin-bottom: -3px;" alt="" />
						<p>typay@typay.me</p>
					</div>
					<div class="flex flex-align-center">
						<img src="../img/diqiu.png" alt="" />
						<p>www.typay.me</p>
					</div>
					<div class="flex flex-align-center">
						<img src="../img/dianhua.png" alt="" />
						<p>400-838-0600</p>
					</div>
				</div>
			</div>
			<div class="footerbt"></div>
		</footer><!--底部结束-->
	</body>
	<script type="text/javascript" src="../js/zepto.js"></script>
	<script type="text/javascript" src="../js/index.js"></script>
	<script type="text/javascript">
		$(".lg").click(function(){
			$(".newscont").css("font-size","0.24rem");
			$(this).addClass('on').siblings('span').removeClass('on');
		});
		$(".sm").click(function(){
			$(".newscont").css("font-size","0.22rem");
			$(this).addClass('on').siblings('span').removeClass('on');
		});
		$(".xs").click(function(){
			$(".newscont").css("font-size","0.2rem");
			$(this).addClass('on').siblings('span').removeClass('on');
		});
	</script>
</html>
